---
title: 一个合格的个人网站站长应该知道哪些事？
description: 在互联网时代，个人网站不仅是展示自我、分享知识的平台，更是建立品牌和获取用户信任的重要渠道。然而，要让网站在竞争激烈的网络世界中脱颖而出，站长需要掌握技术、运营、法律、用户体验等多维度的核心技能。
date: "2025-04-22"
lang: zh
tags:
  - 博客
  - 工具
  - 网站
category: 技术
cover: https://cdn.qladgk.com/images/20250508164433300.png
---

<Image
  src="https://cdn.qladgk.com/images/20250508164433300.png"
  alt="cover"
  width={999}
  height={527}
  isArticleImage={true}
/>

## 一、专业技能

会一种框架，会使用浏览器开发者工具，别人有好的东西就要借鉴，会进行网站迭代，知道一些常见的组件库如 magicUI 等

### 1、基础开发能力

前端三件套：HTML/CSS/JavaScript 是网站开发的基石，即使使用框架（如 React、Vue），也需要理解其底层原理

响应式设计：移动端适配是网站排名的重要指标，推荐使用 Bootstrap 或 Tailwind CSS 快速实现跨设备兼容

当然这些基础的东西市面上有很多教程，大家可以参考 Google 的 web.dev 或者 MDN 文档

<Image
  src="https://cdn.qladgk.com/images/20250422155459371.png"
  alt="web.dev"
  width={999}
  height={527}
  isArticleImage={true}
/>

- https://web.dev/ 是 Google 提供的前端开发学习平台，涵盖了 HTML、CSS、JavaScript 等基础知识
- https://developer.mozilla.org/zh-CN/docs/Web 是 Mozilla 提供的前端开发文档，包含了 HTML、CSS、JavaScript 等基础知识

### 2、学习别人的设计

经常浏览优秀网站（如 Awwwards、Dribbble），分析其设计风格、配色方案和用户交互，积累灵感

https://www.awwwards.com/ 是一个展示优秀网站设计的平台，提供灵感和参考

import Image from "@/components/mdx/Image";

<Image
  src="https://cdn.qladgk.com/images/20250422154500531.png"
  alt="Awwwards"
  width={999}
  height={527}
  isArticleImage={true}
/>

https://dribbble.com/ 是一个设计师社区，用户可以分享和展示他们的设计作品，其中包括网站设计、UI 设计等

<Image
  src="https://cdn.qladgk.com/images/20250422154910553.png"
  alt="Dribbble"
  width={999}
  height={527}
  isArticleImage={true}
/>

## 二、一些需了解的名词

比如说 SEO、SERP、PV、UV、关键词、索引量、CTR、外链等

### 1、网站自身相关

1. 域名：网站的唯一标识符，通常由字母、数字和符号组成

   不拿下 `.com` 域名会一辈子难受

2. 主机：存储网站文件的服务器，提供网站访问的基础设施

   买服务器时最重要的就是带宽和储存空间，根据你的需求选择合适的类型

   <Image
     src="https://cdn.qladgk.com/images/20250422160622459.png"
     alt="带宽和储存空间"
     width={999}
     height={527}
     isArticleImage={true}
   />

   比如你要做个下载站，那 3M 的带宽肯定不够用；但是如果你只是做个个人博客，那 3M 的带宽就足够了

3. CDN（Content Delivery Network）：内容分发网络，也就是给网站加速用
4. SSL（Secure Sockets Layer）：安全套接层协议，和 HTTPS 证书有关
5. 标题：网页的标题标签 `<title>qlAD的技术笔记</title>`
6. 名称：网站的名称，和标题不一样，名称一般指的是 SERP 中显示的名字

   <Image
     src="https://cdn.qladgk.com/images/20250422161317644.png"
     alt="页面信息"
     width={999}
     height={527}
     isArticleImage={true}
   />

7. 描述：网页的描述标签 `<meta name="description" content=""/>`
8. 关键词：网页的核心主题或内容，现在关键字已经不重要了

### 2、SEO 相关

- SEO（Search Engine Optimization）：搜索引擎优化，提高网站在搜索引擎中的排名
- SERP（Search Engine Results Page）：搜索引擎结果页面，就是你们百度、搜狗中输入关键词后看到的页面

  <Image
    src="https://cdn.qladgk.com/images/20250422161808706.png"
    alt="baidu SERP"
    width={999}
    height={527}
    isArticleImage={true}
  />

  <Image
    src="https://cdn.qladgk.com/images/20250422161544831.png"
    alt="bing SERP"
    width={999}
    height={527}
    isArticleImage={true}
  />

- PV（Page View）：页面浏览量，指用户查看某一页面的次数
- UV（Unique Visitor）：独立访客，指在一定时间内访问网站的不同用户数量

  <Image
    src="https://cdn.qladgk.com/images/20250422162024090.png"
    alt="PV 和 UV"
    width={999}
    height={527}
    isArticleImage={true}
  />

- 关键词：用户在搜索引擎中输入的词语或短语，网站优化的核心
- 索引量：搜索引擎中被收录的网页数量
- CTR（Click-Through Rate）：点击率，指用户点击某个链接的次数与展示次数的比率
- 外链：指向你网站的其他网站的链接
- 内链：指向你网站内部其他页面的链接
- 反向链接：指向你网站的外部链接，通常用于提高网站权重和排名

### 3、站长们常说

- 友情链接：两个网站之间互相链接的关系，通常用于提高网站权重和排名
- 开往：一个友链助力平台
- 十年之约：一个友链助力平台（比开往难申请）

## 三、SEO 优化

提升网站在搜索引擎中的可见性，吸引更多有价值的流量，让搜索引擎爱上你的网站

网上一堆的教程搜来看就行，这里主要说一些 SEO 工具

### 1、百度统计 && 谷歌分析

这类工具可以帮助你分析网站流量、用户行为和转化率等数据，提供优化建议

可以直观地看到网站的访问量、来源、用户行为等数据，帮助你了解用户需求和优化方向

以下是谷歌分析的截图

<Image
  src="https://cdn.qladgk.com/images/20250422162936329.png"
  alt="谷歌分析"
  width={999}
  height={527}
  isArticleImage={true}
/>

当然除了百度和谷歌，还有其他的统计分析工具：

1. 51la：国内的统计分析工具，功能类似于百度统计

   <Image
     src="https://cdn.qladgk.com/images/20250422163220825.png"
     alt="51la"
     width={999}
     height={527}
     isArticleImage={true}
   />

2. Umami：开源的统计分析工具，支持自托管，隐私友好

   <Image
     src="https://cdn.qladgk.com/images/20250422163432215.png"
     alt="Umami"
     width={999}
     height={527}
     isArticleImage={true}
   />

   缺点也就很明显了，需要自己搭建，占用服务器资源

### 2、站长平台

站长平台和统计分析工具是两个不同的概念，站长平台主要是用来管理网站，让搜索引擎更好地抓取你的网站

刚才介绍了百度统计和谷歌分析，那么他们的站长平台分别是：

1.  百度资源搜索平台

    https://ziyuan.baidu.com/

    <Image
      src="https://cdn.qladgk.com/images/20250422163854906.png"
      alt="百度资源搜索平台"
      width={999}
      height={527}
      isArticleImage={true}
    />

2.  Google Search Console

    https://search.google.com/search-console

    <Image
      src="https://cdn.qladgk.com/images/20250422164047451.png"
      alt="Google Search Console"
      width={999}
      height={527}
      isArticleImage={true}
    />

除了百度、谷歌两大巨头外，你可能还需要注册 Bing 、360、搜狗等站长平台

- 搜狗站长平台入口：https://zhanzhang.sogou.com/index.php/site/index
- 360 站长平台入口：https://zhanzhang.so.com/zhanzhang/index
- Bing 站长平台入口：https://www.bing.com/webmasters/

### 3、有关 SEO 常见问题

1. 怎么才能让搜索引擎搜录我的网站？

   注册对应的站长平台，提交网站的 sitemap.xml 文件，或者 API 接口提交

   当然你也可以直接在搜索引擎中搜索 `site:www.qladgk.com` 来查看你的网站是否被收录

2. 如何让百度加快搜录我的网站

   要有备案、要在百度搜索资源平台中填完整站点属性，注册百度统计，将站点绑定到百度统计中

   但是如果你更新频率不高，即使百度收录之后，过几天索引量就会变成个位数了

   <Image
     src="https://cdn.qladgk.com/images/20250422170507507.png"
     alt="索引量"
     width={999}
     height={527}
     isArticleImage={true}
   />

3. 为什么 Bing 的搜索结果不显示我的网站图标

   这种情况直接在 Bing 站长平台提交工单，内容如下：

   ```bash
   Bing didn’t display my site’s favicon. The correct ico address is 你的完整 ico 链接
   ```

   <Image
     src="https://cdn.qladgk.com/images/20250422170949881.png"
     alt="Bing 不显示网站图标"
     width={999}
     height={527}
     isArticleImage={true}
   />

   等工程师处理完后，会用邮件通知你

   <Image
     src="https://cdn.qladgk.com/images/20250422171044154.png"
     alt="Bing 处理完毕"
     width={999}
     height={527}
     isArticleImage={true}
   />

4. 为什么搜索结果页展现的是网站域名而不是网站标题

   首先要知道搜索结果页展现的内容是网站名称和网站标题，如下

   <Image
     src="https://cdn.qladgk.com/images/20250422171501789.png"
     alt="搜索结果页展现的内容"
     width={999}
     height={527}
     isArticleImage={true}
   />

   1 是搜索引擎展现的网站名称、2 是搜索引擎展现的网站标题

   如果你的网站名称被搜索引擎展现成了域名，可能是因为你的结构化数据没有设置好

   可以使用在线工具，如[富媒体搜索结果测试](https://search.google.com/test/rich-results?hl=zh-cn)，或者[架构标记验证器](https://validator.schema.org/)来检查你的结构化数据是否正确

   如果出现错误或者找不到结构化数据

   <Image
     src="https://cdn.qladgk.com/images/20250422184658383.png"
     alt="结构化数据错误"
     width={999}
     height={527}
     isArticleImage={true}
   />

   就需要在网站的 `<head>` 中添加如下代码，并且要保证 `<head>` 中只有一个结构化数据

   ```html
   <html>
     <head>
       <title>Example: A Site about Examples</title>
       <script type="application/ld+json">
         {
           "@context": "https://schema.org",
           "@type": "WebSite",
           "name": "Example Company",
           "alternateName": "EC",
           "url": "https://example.com/"
         }
       </script>
     </head>
     <body></body>
   </html>
   ```

   改好之后可以用 https://validator.schema.org/ 来验证一下

   <Image
     src="https://cdn.qladgk.com/images/20250422194054175.png"
     alt="结构化数据验证成功"
     width={999}
     height={527}
     isArticleImage={true}
   />

## 四、用户体验

网站性能决定用户体验

### 1、网站速度

去给自己的网站测个速，看看全球有没有全绿

多地Ping、常规版、icmp协议、网络延迟测试：https://www.itdog.cn/ping/

<Image
  src="https://cdn.qladgk.com/images/20250422164606864.png"
  alt="服务器测速"
  width={999}
  height={527}
  isArticleImage={true}
/>

如果存在某些地域访问速度慢的问题，可以考虑使用 CDN 加速

我用过阿里的 DCND，效果还不错，现在用的是阿里的边缘安全加速 ESA，效果也很好，就像是国内版的 Cloudflare

<Image
  src="https://cdn.qladgk.com/images/20250422165040313.png"
  alt="阿里云边缘安全加速"
  width={999}
  height={527}
  isArticleImage={true}
/>

而且用了加速之后可以隐藏服务器的真实 IP 地址，防止被攻击

<Image
  src="https://cdn.qladgk.com/images/20250422165342202.png"
  alt="阿里云边缘安全加速"
  width={999}
  height={527}
  isArticleImage={true}
/>

### 2、网站性能

试着用开发者工具给你的站点做一个 lighthouse 检测，看看有没有什么问题

<Image
  src="https://cdn.qladgk.com/images/20250422165822504.png"
  alt="lighthouse 检测"
  width={999}
  height={527}
  isArticleImage={true}
/>

### 3、网站安全

时刻注意你的 https 证书有无过期。

这里推荐一个 Docker 工具，叫做 certimate，它可以帮助你监控证书的过期时间，并且自动化更新证书

<Image
  src="https://cdn.qladgk.com/images/20250422195928102.png"
  alt="certimate"
  width={999}
  height={527}
  isArticleImage={true}
/>

还有要注意的是，你申请泛域名证书时，\*.qladgk.com 这个证书是不能用在 qladgk.com 上的

所以申请的时候直接在域名上写上 qladgk.com 和 \*.qladgk.com 就可以了

### 4、网站状态

你肯定注意到某些网站都会有一个 status 页面，显示网站的状态

比如 https://status.github.com 、https://status.openai.com/ 等

<Image
  src="https://cdn.qladgk.com/images/20250422200439392.png"
  alt="status 页面"
  width={999}
  height={527}
  isArticleImage={true}
/>

那么个人网站也可以有一个 status 页面，来显示网站的状态，当网站出现问题时，可以及时通知用户

我这里主要就介绍两种：

1. 在线版

   https://stats.uptimerobot.com/ 是一个在线的状态页面服务，提供免费的状态页面

   <Image
     src="https://cdn.qladgk.com/images/20250422201017012.png"
     alt="statuspage.io"
     width={999}
     height={527}
     isArticleImage={true}
   />

2. 自建版

   还是一个 Docker 项目 Uptime Kuma，支持自托管，提供了一个简单易用的界面，可以监控网站的状态，并且占用资源少

   <Image
     src="https://cdn.qladgk.com/images/20250422201311610.png"
     alt="Uptime Kuma"
     width={999}
     height={527}
     isArticleImage={true}
   />

其他的可以去 demo 网站上查看

https://kener.ing/

https://status.mcenjoy.cn/

https://status.jerryz.com.cn/

https://uptimeflare.pages.dev/

### 5、交互体验

你的网站只能看吗？你的网站只能在电脑上看吗？有无暗亮模式？

评论系统是什么？有没有用户注册登录的功能？

每一天评论是否都有人回复？

## 五、内容的管理

内容是网站的核心，好的内容可以吸引用户、提高网站排名

### 1、更新时间

你是否经常不定时地更新网站的内容？

那我告诉你，选择一个固定的时间更新网站的内容是非常重要的，因为这会让搜索引擎更容易地抓取你的网站

### 2、文章备份

你的数据是否做到了两地三中心？

而且很多人都在用免费图床，但是免费图床的稳定性和安全性都无法保证

完全可以去开一个 OSS 存储空间，或者使用阿里云的对象存储 OSS，并且也不贵

### 3、多种渠道

你的内容是否在多个渠道发布？有没有 RSS 或者公众号？

有公众号的话，据说被打赏的文章指向的原文链接会提高权重

## 暂时就想到这么多

如果你有建议，可以在评论区里留言
